﻿body
{
    background: #FBD5B5 url(images/BackGround.jpg) repeat-x 0 0;
    margin:0px;
}

#wrapper
{
    margin:0 auto;
    width:950px;
    padding-top:25px;
    padding-bottom:25px;
}

.header
{
    margin:0px;
    padding:0px;
    background-color:#F69545;
    height:60px; 
    border-color:#B56D31;
    border:2px;
    border-style:solid;
    border-radius: 10px;
        
}

h2
{
    text-align:center;
    margin:0px;
    color:White;
    line-height:60px;
}

#left
{
    margin-top:10px;
    margin-right:10px;
    width:640px;
    padding:0px;
    float:left;
    margin-right:20px;;
}

#chatheader
{
    border:2px;
    border-style:solid;
    background-color:#8064A2;
    width:100%;
    margin:0px;
}


#right
{
    padding:0px;
    float:right;
    width:290px;
}

.clearer
{
    clear:both;
}

#chat
{
    background-color:#6A94C6;
    height:500px;
    border:2px;
    border-style:solid;
    border-top:0px;
    width:100%;
    margin-bottom:0px;
    border-bottom:0px;
    overflow:auto;
}

#message
{
    background-color:#8064A2;
    height:60px;
    border:2px;
    border-style:solid;
    border-top:0px;
    width:100%;
    margin-top:0px;
}

h3
{
    margin:0px;
    float:left;
    height:60px;
    line-height:60px;
    text-align:center;
    color:White;
    margin-left:20px;
    font-family:Tahoma;
}

#texField, #texField:focus
{
    height:20px;
    margin:15px;
    padding:5px;
    font-size:20px;
    border-radius:10px;
    border:0px;
    width:300px;
    float:left;
    outline: none;
}

#post
{
    background-color:#F69545;
    height:36px;
    margin:12px;
    font-size:26px;
    color:White;
    border-radius:10px;
    width:100px;
    border:3px solid black;
    border-color:White;
    float:left;
    text-align:center;
    cursor:pointer;
    
}

#right .header
{
    border:2px;
    border-style:solid;
    margin-top:10px;
    background-color:#8064A2;
    border-radius: 0px;
}

#chanels
{
    max-height:200px;
    border:2px;
    border-style:solid;
    border-top:0px;
    background-color:#8064A2;
}

ul
{
    margin:0px;
    padding:0px;
    overflow:auto;
}

#clearChanel
{
    height:40px;
    width:282px;
    margin-top:15px;
    text-align:center;
    font-size:20px;
    background-color:#F69545;
    border:4px solid white;
    border-radius:10px;
    color:White;
    line-height:40px;
    vertical-align:middle;
    font-family:Tahoma;
    font-weight:bold;
    cursor:pointer;
    
}

li
{
    list-style-type:none;
    height:40px;
    line-height:40px;
    vertical-align:middle;
    font-size:20px;
    padding-left:10px;
    font-family:Tahoma;
    border-bottom-style:dotted;
    border-color:#A4C2E6;
    color:#FBE8D8;
    cursor:pointer;
}

li.last
{
    border-bottom-style:none;
}

li.selected
{
    color:#ADFC50;
    background-color:#6A94C6;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

#chanelList li:hover
{
    background-color:Yellow;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

#footer
{
    height:50px;
    margin:20px 0px;
    background-color:#F9C090;
    line-height:50px;
    text-align:center;  
    font-family:Tahoma;
    font-weight:bold;   
    border:3px solid #B56D31;
    border-radius:10px; 
}

li.post
{
    border:0px;
    color:White;
}

